<template>
    <ul id="topo-baseinfo">
        <li v-for="item in topoBaseInfo" :key="item.sysmapid" :sysmapid="item.sysmapid">{{item.name}}</li>
    </ul>
</template>

<script>
import topoApi from 'api/topo'
export default {
    props: {
        topoBaseInfo: {
            type: Array,
            default: function() {
                return []
            }
        }
    },
    mounted() {
        this.addEventListener();
    },
    methods: {
        addEventListener() {
            const self = this;
            $('ul#topo-baseinfo').on('click', 'li', function() {
                const sysmapid = $(this).attr('sysmapid');
                self.$emit("transferClickSysmapid", sysmapid);
            });
        }
    }
}
</script>

<style scopted>
    ul#topo-baseinfo > li {
        margin: 10px 0;
        cursor: pointer;
        border-bottom: 1px solid #CCC;
    }
    .ui-dialog-body {
        /* padding: 0!important; */
        overflow-y: auto;
    }
    .ui-dialog-title {
        padding: 8px!important;
        text-align: center;
    }
    .ui-dialog {
        position: absolute!important;
    }
</style>
